﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Views/Shared/SiteDark.Master" Inherits="System.Web.Mvc.ViewPage<Zeenck.Models.ZeenckProfile>" %>

<asp:Content ID="Content1" ContentPlaceHolderID="TitleContent" runat="server">
    | Complete Registration
</asp:Content>

<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">

<div id="whiteBox">
    <div id="messageBox">
    <% Html.BeginForm("CompleteRegistration", "Registration"); %>
        <div>
            <center>
                <h2>Welcome <%: ViewBag.Name %>!</h2> 
                <h3>Before continuing to Zeenck you must complete your profile.</h3>
            </center>

            <%: Html.ValidationSummary(true) %>
            <%: Html.EditorForModel() %>
        </div>

        <script src="<%: Url.Content("~/Scripts/jquery.validate.min.js") %>" type="text/javascript"></script>
        <script src="<%: Url.Content("~/Scripts/jquery.validate.unobtrusive.min.js") %>" type="text/javascript"></script>

        <div id="basic">
            <% Html.RenderPartial("CompleteBasic", Model.Basic); %>        
        </div>

        <div id="personal">
            <% Html.RenderPartial("CompletePersonal", Model.Personal); %>        
        </div>

        <div id="portfolio">
            <% Html.RenderPartial("CompletePortfolio", Model.Portfolio); %>        
        </div>

    </div>
</div>

<script type="text/javascript">
    $("#button1").click(function () {
        $("#basic").hide();
        $("#personal").slideToggle();
    });
</script>

</asp:Content>
